  <!-- Menu Toggle Button -->
  <a class="dropdown-toggle" data-toggle="dropdown">
    <!-- The user image in the navbar-->
    <img ng-src="{{user.img}}" class="user-image" alt="User Image">
    <!-- hidden-xs hides the username on small devices so only the image appears. -->
    <span class="hidden-xs">{{user.name}}</span>
  </a>
  <ul class="dropdown-menu">
    <!-- The user image in the menu -->
    <li class="user-header">
      <img ng-src="{{user.img}}" class="img-circle" alt="User Image">
      <p>
        {{user.name}}
        <small>{{user.email}}</small>
        <small>{{lang.member_since}} {{user.created_at | amDateFormat:'lll'}}</small>
      </p>
    </li>
    <!-- Menu Body -->
    <!--li class="user-body">
      <div class="row">
        <div class="col-xs-4 text-center">
          <a href="#">Followers</a>
        </div>
        <div class="col-xs-4 text-center">
          <a href="#">Sales</a>
        </div>
        <div class="col-xs-4 text-center">
          <a href="#">Friends</a>
        </div>
      </div>
    </li-->
    <!-- Menu Footer-->
    <li class="user-footer">
      <div class="pull-left">
        <a href="#!/user/edit" class="btn btn-default btn-flat" title="{{lang.User_data}}"><i class="fa fa-cog"></i> {{lang.User}}</a>
      </div>
      <div class="pull-right">
        <a ng-click="logout()" class="btn btn-default btn-flat">{{lang.logout}}</a>
      </div>
    </li>
  </ul>
